﻿@{
    ViewBag.Title = "Home Page";
}
@section Header{
    <input name="password" id="search" value="" placeholder="input for search..." type="search">
}
<link href="../../Content/SlideShow/css/slideshow.css" rel="stylesheet" type="text/css" />
<link href="../../Content/SlideShow/css/themes.css" rel="stylesheet" type="text/css" />
<ul class="rslides">
    <li>
        <img src="../../Content/SlideShow/images/1.jpg" alt="mobility pro" /></li>
    <li>
        <img src="../../Content/SlideShow/images/2.jpg" alt="slideshow responsive" /></li>
    <li>
        <img src="../../Content/SlideShow/images/3.jpg" alt="i love technology" /></li>
</ul>
@section scripts
{
    <script src="../../Content/SlideShow/js/responsiveslides.js" type="text/javascript"></script>
    <script>
        $(function () {
            $(".rslides").responsiveSlides({
                auto: true,             // Boolean: Animate automatically, true or false
                speed: 500,            // Integer: Speed of the transition, in milliseconds
                timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
                pager: false,           // Boolean: Show pager, true or false
                nav: true,             // Boolean: Show navigation, true or false
                random: false,          // Boolean: Randomize the order of the slides, true or false
                pause: false,           // Boolean: Pause on hover, true or false
                pauseControls: true,    // Boolean: Pause when hovering controls, true or false
                prevText: "<",   // String: Text for the "previous" button
                nextText: ">",       // String: Text for the "next" button
                maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
                navContainer: "ul.rslides",       // Selector: Where controls should be appended to, default is after the 'ul'
                manualControls: "",     // Selector: Declare custom pager navigation
                namespace: "rslides",   // String: Change the default namespace used
                before: function () { },   // Function: Before callback
                after: function () { }     // Function: After callback
            });
        });
    </script>
}
